@import url("font.css");
*{
	margin: 0px;
	padding: 0px;
	font-family: "微软雅黑";
	font-size: 12px;
	border:0px none;
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
/*网页顶部栏*/
.top{
	width: 100%;
	height: 40px;
	background-color: #333333;
}
/*网页顶部栏左菜单*/
.top .top_menu{
	height: 40px;
	width:1226px;
	margin: 0px auto;
	background: #333333 url() 0 0 no-repeat;
}
.top .top_menu .top_left{
	float: left;
	height: 40px;
}
.top .top_menu a{
	color:#C3C3C3;
	line-height: 40px;
}
.top .top_menu a:hover{
	color: white;
}
.top .top_menu span{
	color: #424242;
}
/*网页顶部栏右边登陆注册*/
.top .top_menu .top_right{
	float: right;
}
/*网页顶部栏右边购物车*/
.top .top_menu .top_right .shopp{
	display: inline-block;
	padding: 0px 20px; 
	margin-left: 40px;
}
.top .top_menu .top_right .shopp:hover{
	color: #FF6700;
	background-color: white;
}

.top .top_menu .top_right .shopp:hover>.iconfont{
	color: #FF6700;
	background-color: white;
}
/*网页中间内容*/
.mid{
	margin: 0px auto;
	background-color:#FFFFFF;
	width: 1226px;
}
/*网页中间内容头部*/
.mid .head{
	height: 100px;
	width: 1226px;
	/*background-color: red;*/
}
/*网页中间内容头部logo*/
.mid .head .logo{
	float: left;
	padding-top: 17px;
}
.mid .head .logo a{
	float: left;
}
.mid .head .logo .mi{
	
	margin-top: 7px;
}
/*网页中间内容头部菜单*/
.mid .head .menu{
	float: left;
	width: 700px;
	/*background-color: blue;*/
}
.mid .head .menu a{
	font-size: 16px;
	color: #333333;
	line-height: 100px;
	margin-right: 20px;
}
.mid .head .menu a:hover{
	color: #FF6700
}
/*网页中间内容头部搜索框*/
.mid .head .searh{
	float: right;
	height: 75px;
	padding-top: 20px;
}
.mid .head .searh .text{
	height: 48px;
	width: 245px;
	border-right: 0px;
	border: 1px solid #E0E0E0;
	float: left;

}
.mid .head .searh .submit{
	height: 50px;
	width: 52px;
	margin-left: -5px;
	border: 1px solid #E0E0E0;
	background-color:white;
	float: left;

}
.mid .head .searh .iconfont{
	font-family: 'iconfont';
	font-size: 25px;
	color:#616161;
	font-style: normal;
}
.mid .head .searh .submit:hover{
	background-color: #FF6700;
}
.mid .gundong{
	width: 1226px;
	height: 460px;
	position: relative;
}
/*网页中间内容图片滚动左边部分*/
.mid .gundong .gundong_left{
	width: 235px;
	height: 460px;
	position: absolute;
	padding-top: 20px;
	
}
.mid .gundong .gundong_left .iconfont{
	position: absolute;
	right: 25px;
}
.mid .gundong .touming{
	width: 235px;
	height: 460px;
	position: absolute;
	opacity: 0.5;
	background-color: #000000;
}
.mid .gundong .gundong_left li{
	padding-left: 30px;
	height: 42px;
	line-height: 42px;
	position: relative;
}
.mid .gundong .gundong_left li a{
	font-size: 14px;
	color: #FFFFFF;
}

.mid .gundong .gundong_left li:hover{
	background-color: #FF6700;
}

/*网页中间内容图片滚动右边部分*/
.mid .gundong .gundong_right{
	float:left;
}
.clear{
	clear: both;
}
/*滚动图片箭头·*/
.mid .gundong .gundong_right .next_touming{
	position: absolute;
	display: block;
	width: 43px;
	height: 69px;
	right: 0px;
	top: 40%;
	opacity: 0.9;
}
.mid .gundong .gundong_right .next:hover{
	position: absolute;
	display: block;
	width: 43px;
	height: 69px;
	right: 0px;
	top: 40%;
	opacity: 0.5;
	background-color: black;
}
.mid .gundong .gundong_right .next{
	position: absolute;
	display: block;
	width: 43px;
	height: 69px;
	background:  url(../images/icon-slides.png) 0 0 no-repeat ;
	right: 0px;
	top: 40%;
	background-position: -123px 0px;
}
.mid .gundong .gundong_right .last_touming{
	position: absolute;
	display: block;
	width: 43px;
	height: 69px;
	left: 235px;
	top: 40%;
	opacity: 0.9;
}
.mid .gundong .gundong_right .last:hover{
	position: absolute;
	display: block;
	width: 43px;
	height: 69px;
	left: 235px;
	top: 40%;
	opacity: 0.5;
	background-color: black;
}
.mid .gundong .gundong_right .last{
	position: absolute;
	display: block;
	width: 43px;
	height: 69px;
	background: url(../images/icon-slides.png) 0 0 no-repeat ;
	left: 235px;
	top: 40%;
	background-position: -83px 0px;
}
/*网页中间内容图片滚动下面部分*/
.mid .gundong_bottom{
	height: 172px;
	width: 1226px;
	margin-top: 10px;
	float: left;
}
/*网页中间内容图片滚动下面的左边部分*/
.mid .gundong_bottom .left{
	width: 235px;
	height: 153px;
	background-color: #5F5750;
	float: left;
	padding-top: 20px;
	
}
/*分割线*/
.mid .gundong_bottom .left .right_line{
	width: 1px;
	height: 70px;
	display: block;
	background: #665E57 url() 0 0 no-repeat;
	position: absolute;
	top:-10px;
	right: 0px;
}
.mid .gundong_bottom .left .bottom_line{
	width: 65px;
	height: 1px;
	display: block;
	background: #665E57 url() 0 0 no-repeat;
	position: absolute;
	left:5px;
	bottom: 20px
}
/*分割线结束*/
.mid .gundong_bottom .left li{
	width:78px;
	height: 86px;
	float: left;
	/*background-color: red;*/
	text-align: center;
	position: relative;

}
.mid .gundong_bottom .left .iconfont{
	font-size: 24px;
	color: #E0E1E2;
	display: block;
}
.mid .gundong_bottom .left li a{
	color: #CFCDCB;
}
.mid .gundong_bottom .left li a:hover{
	color: white;
}
.mid .gundong_bottom .right li{
	float: right;
	padding-left: 14px;
}
/*小米明星单品*/
.mid .mi_start{
	margin-top:45px;
	width: 1240px;
}
.mid .mi_start .jiantou{
	float: right;
	width: 35px;
	height: 24px;
	border: 1px solid #E0E0E0;
	height: 25px;
	width: 35px;
	position: relative;
	margin-top: 15px;
	margin-left: -15px;
}

.mid .mi_start .jiantou a{
	float:right;
	position: absolute;
	top: 3px;
	right: 10px;
}
.mid .mi_start .iconfont:hover{
	color: #FF6709;
}
.mid .mi_start .p1{
	font-size: 22px;
	color: #333;
	margin-bottom: 20px;
	float: left;
}
.mid .mi_start p{
	padding-top: 10px;
}
.mid .mi_start li{
	float: left;
	width: 234px;
	height: 340px;
	margin-right:14px;
	background-color: #FAFAFA;
}

.mid .mi_start .li .li1{
	border-top: 1px solid #FFAC13;
}
.mid .mi_start .li .li2{
	border-top: 1px solid #83C44E;
}
.mid .mi_start .li .li3{
	border-top: 1px solid #2196F3;
}
.mid .mi_start .li .li4{
	border-top: 1px solid #E53935;
}
.mid .mi_start .li .li5{
	border-top: 1px solid #00C0A5;
}
.p2{
	font-size: 14px;
	color:black;
	text-align: center;
}
.p3{
	font-size: 12px;
	color:#b0b0b0;
	text-align: center;
}
.p4{
	font-size: 14px;
	color:#FF6709;
	text-align: center;
}
/*网页底部内容*/
.bottom{
	background-color: #F5F5F5;
	width: 100%;
	/*margin: 0px auto;*/
	margin-top: 40px;
	height: 4560px;
}
.bottom .bottom_content{
	margin:0px auto;
	width: 1226px;
	background-color: #F5F5F5;
	height: 4560px;
}
.bottom .bottom_content .color{
	height: 58px;
}
/*智能硬件头部*/
.bottom .bottom_content .yingjian_top{
	height: 58px;
}
.bottom .bottom_content .yingjian_top h2{
	font-size: 22px;
	font-weight: 200;
	color: #333;
	line-height: 58px;
	float: left;

}
.bottom .bottom_content .jianju{
	height: 13px;
	width: 1226px;
}

.bottom .bottom_content .yingjian_top a:hover{
	color: #FF6709;
}
/*智能硬件内容左边*/
.bottom .bottom_content .yingjian .left{
	float: left;
}
/*智能硬件内容右边图片*/
.bottom .bottom_content .li img{
	width: 160px;
	height: 160px;
	margin-left: 40px;
	margin-top: 20px;
}
.bottom .bottom_content .li{
	float: right;
	height: 614px;
	width: 992px;
}
.bottom .bottom_content .li li{
	float: left;
	width: 234px;
	height: 300px;
	margin-left: 14px;/*为什么不能取15px*/
	margin-bottom: 15px;
	background-color: white;
}

/*搭配头部*/
.bottom .bottom_content .same_top{
	height: 58px;
	width: 1226px;
	/*background-color:red;*/
}
.bottom .bottom_content .same_top h2{
	font-size: 22px;
	font-weight: 200;
	color: #333;
	line-height: 58px;
	float: left;
}
.bottom .bottom_content .same_top li{
	float: right;
	height: 58px;
	line-height:58px;
	margin-left: 32px;
}
.bottom .bottom_content .same_top a{
	font-size: 16px;
	color: #424242;
}
.bottom .bottom_content .same_top a:hover{
	color: #FF6700;
	border-bottom: 2px solid #FF6700;
}
/*搭配内容 图片*/
.bottom .bottom_content .dapei{
	
}
.bottom .bottom_content .pic .right{
	float: left;
	margin-left: 15px;
	height: 300px;
	width: 234px;
	background-color: white;
	margin-bottom: 15px;
}
.bottom .bottom_content .pic{
	width: 1230px;
	height: 630px;
	/*background-color: red;*/
}
.bottom .bottom_content .pic .left{
	margin-left: 0px;
	float: left;
	height: 300px;
	width: 234px;
	background-color: white;
	margin-bottom: 15px;
}
.bottom .bottom_content .pic .right img{
	width: 150px;
	height: 150px;
	padding:  0px 44px;
	padding-top: 35px;
}
.bottom .bottom_content .pic .left img{
	height: 300px;
	width: 234px;
}
.bottom .bottom_content .pic .right .title{
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #333;
}
.bottom .bottom_content .pic .right .price{
	color: #ff6700;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}
.bottom .bottom_content .pic .right .pingjia{
	font-size: 12px;
	text-align: center;
	color: #b0b0b0;
}
/*搭配最后两个分开图片*/
.bottom .bottom_content .pic .right_last li{
	height: 142.5px; 
	width: 234px;
	background-color:white;
	margin-left: 0px;
	float: right;
	margin-bottom: 15px;
	position: relative;
}
.bottom .bottom_content .pic .right_last li img{
	position: absolute;
	top: 25%;
	right: 0px;
	width: 80px;
	height: 80px;
}
.bottom .bottom_content .pic .right_last li .title{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	display: block;
	margin-top: 25%;
	margin-left: 30px;
}
.bottom .bottom_content .pic .right_last li .price{
	font-size: 12px;
	font-weight: 400;
	color: #ff6700;
	display: block;
	margin-top: 10px;
	margin-left: 30px;
}
.bottom .bottom_content .pic .right_last li .title2{
	font-size: 18px;
	font-weight: 400;
	color: #333;
	display: block;
	margin-top: 20%;
	margin-left: 30px;
}
.bottom .bottom_content .pic .right_last li .content1{
	display: block;
	font-size: 12px;
	color: #757575;
	display: block;
	margin-top: 10px;
	margin-left: 30px;
}
.bottom .bottom_content .pic .right_last .iconfont{
	font-family: "iconfont" !important;
	font-style: normal;
	font-size: 48px;
	color: #ff6700;
	position: absolute;
	top:25%;
	right: 0px;
}
/*为你推荐图片*/
.bottom .bottom_content .tuijian .pic .right1{
	margin-left: 0px;
	float: left;
	height: 300px;
	width: 234px;
	background-color: white;
	margin-bottom: 15px;
}
.bottom .bottom_content .jiantou_top li{
	border: 1px solid #E0E0E0;
	height: 25px;
	width: 35px;
	position: relative;
	margin-top: 20px;
	margin-left: 0px;
}
.bottom .bottom_content .jiantou_top a{
	float:right;
	position: absolute;
	top: -16px;
	right: 10px;

}
.bottom .bottom_content .jiantou_top a:hover{
	border-bottom: none;
}
.bottom .bottom_content .jiantou_top .iconfont:hover{
	color: #FF7800;
}

.bottom .bottom_content .tuijian .pic .right1 .title{
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #333;
}
.bottom .bottom_content .tuijian .pic .right1 .price{
	color: #ff6700;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}
.bottom .bottom_content .tuijian .pic .right1 .pingjia{
	font-size: 12px;
	text-align: center;
	color: #b0b0b0;
}
.bottom .bottom_content .tuijian .pic .right1 img{
	width: 150px;
	height: 150px;
	padding:  0px 44px;
	padding-top: 35px;
}
.bottom .bottom_content .tuijian{
	width: 1260px;
	height: 320px;
}
/*热评产品*/
.bottom .bottom_content .reping{
	height: 415px;
	width: 1260px;
	margin-bottom: 130px;
}
.bottom .bottom_content .reping .reping_pic li{
	width: 296px;
	height:415px;
	float: left;
	margin-right: 15px;
	background-color: white;
}
.bottom .bottom_content .reping .reping_pic li img{
	width: 296px;
	height:220px;
}
.bottom .bottom_content .reping .reping_pic .content{
	font-size: 14px;
	font-weight: 400;
	color: #333;
	line-height: 170%;
	width:240px;
	height: 52px;
	margin-left: 28px;
	margin-top: 10px;
}
.bottom .bottom_content .reping .reping_pic .pingjia{
	font-size: 12px;
	color: #b0b0b0;
	margin: 31px 28px 12px;
}
.bottom .bottom_content .reping .reping_pic .price{
	color: #ff6700;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
}
.bottom .bottom_content .reping .reping_pic .xian{
	color: #e0e0e0;;
	margin: 0px 5px;
}
/*内容部分*/
.bottom .bottom_content .content{
	height: 478px;
	width: 1245px;
	margin-bottom: 18px;
	/*background-color: red;*/
}
.bottom .bottom_content .content .content_pic li{
	height: 420px;
	width: 296px;
	background-color: white;
	float: left;
	margin-right: 15px;
	position: relative;
}
.bottom .bottom_content .content .content_pic li img{
	width: 216px;
	height: 154px;
	position: absolute;
	left: 40px;
	bottom: 65px;
}
.bottom .bottom_content .content .content_pic .li1{
	border-top: 1px solid #FFAC13;
}
.bottom .bottom_content .content .content_pic .li2{
	border-top: 1px solid #83C44E;
}
.bottom .bottom_content .content .content_pic .li3{
	border-top: 1px solid #E53935;
}
.bottom .bottom_content .content .content_pic .li4{
	border-top: 1px solid #2196F3;
}
.bottom .bottom_content .content .content_pic h2{
	margin-top: 50px;
	font-size: 16px;
	font-weight: 400;
	text-align: center;
}
.bottom .bottom_content .content .content_pic .li1 h2{
	color: #ffac13;
}
.bottom .bottom_content .content .content_pic .li2 h2{
	color: #83c44e;
}
.bottom .bottom_content .content .content_pic .li3 h2{
	color: #e53935;
}
.bottom .bottom_content .content .content_pic .li4 h2{
	color: #2196f3;
}
.bottom .bottom_content .content .content_pic li .p1{
	width: 256px;
	height: 25px;
	margin: 10px 20px 0px;
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	color: #333;
}
.bottom .bottom_content .content .content_pic li .p2{
	width: 192px;
	height: 34px;
	font-size: 12px;
	color: #b0b0b0;
	margin-left: 55px;
}
.bottom .bottom_content .content .content_pic li .price{
	text-align: center;
	font-size: 14px;
	color:#333;
}
/*视频部分*/
.bottom .bottom_content .video .video_pic{
	width: 1240px;
	height: 285px;
}
.bottom .bottom_content .video .video_pic li{
	width: 296px;
	height: 285px;
	background-color: white;
	float: left;
	margin-right: 14px;
}

.bottom .bottom_content .video .video_pic li span{
	display: block;
	width: 296px;
	height: 18px;
	font-size: 12px;
	color: #b0b0b0;
	text-align: center;
}
.bottom .bottom_content .video .video_pic li .title {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.bottom .bottom_content .video .video_pic li .title a{
	font-size: 14px;
	font-weight: 400;
	color: #333;	
}
.bottom .bottom_content .video .video_pic li .title a:hover{
	color: #FF6700;
}
/*页脚内容*/
.footer{
	width: 100%;
	height: 450px;
	/*background-color: red;*/
}
.footer .footer_top{
	width: 1226px;
	height: 300px;
	/*margin-left: 60px;*/
	margin: 0px auto;
}
/*页脚头部*/
.footer .footer_top .top{
	width: 1226px;
	height: 80px;
	background-color: white;
	line-height: 80px;
	border-bottom: 1px solid #E0E0E0;
}
.footer .footer_top .top li{
	float: left;
	margin: 0px 55px;
	position: relative; 

}
.footer .footer_top .top li .iconfont{
	margin-right: 6px;
	font-size: 24px;
	vertical-align: -4px;
}
.footer .footer_top .top li a{
	font-size: 16px;
	color: #757575;

}
.footer .footer_top .top span{
	width: 1px;
	height: 27px;
	display: block;
	background: #E0E0E0 url() 0 0 no-repeat;
	position: absolute;
	top: 28px;
	right: -60px;

	
}
/*页脚详情*/
.footer .footer_top .service{
	height: 193px;
	width: 973px;
	/*border-right:  1px solid #E0E0E0;*/
	float: left;
	position: relative;
	
}
.footer .footer_top .service span{
	height: 113px;
	width: 1px;
	background-color: #E0E0E0;
	position: absolute;
	top: 40px;
	right: 15px;
}
.footer .footer_top .service li{
	float: left;
	margin-right: 100px;
	margin-bottom: 16px;
	/*background-color: red; */	
}
.footer .footer_top .service li a{
	font-size: 12px;
	color: #757575;
}
.footer .footer_top .service li a:hover{
	color: #FF6709;
}
.footer .footer_top .service .title{
	font-size: 14px;
	color: #424242;
	margin-top: 40px;
	margin-bottom: 30px;

}
.footer .footer_top .service .title2{
	margin-left: 2px;
	font-size: 14px;
	color: #424242;
	margin-top: 40px;
	margin-bottom: 30px;
}
.footer .footer_top .service .li2{
	margin-left: 10px;
}
/*页脚客服*/
.footer .footer_top .mm{
	float: right;
	padding: 20px 50px;
}
.footer .footer_top .mm .p1{
	margin: 0 0 5px;
	font-size: 22px;
	line-height: 1;
	color: #ff6700;
}
.footer .footer_top .mm .p2{
	margin: 0 0 16px;
	font-size: 12px;
	text-align: center;
	color: #616161;
}
.footer .footer_top .mm a{
	display: block;
	width: 118px;
	height: 28px;
	font-size: 12px;
	line-height: 28px;
	color: #ff6700;
	border: 1px solid #ff6700;	
	margin-left: 20px;
	text-align: center;
}
.footer .footer_top .mm .iconfont{
	color: #ff6700;
	font-size: 12px;
}
.footer .footer_top .mm a:hover{
	background-color:  #ff6700;
	color: white;
}
.footer .footer_top .mm a:hover>.iconfont{
	background-color:  #ff6700;
	color: white;
}
/*页脚底部部分*/
.footer .footer_bottom{
	height: 190px;
	width: 1240px;
	background-color: #FAFAFA;
	margin: 0px auto;
}
.footer .footer_bottom .logo{
	padding-top: 30px;
	float: left;
}
.footer .footer_bottom .info_text{
	float: left;
	padding-top: 30px;
	padding-left: 10px;
	width: 800px;
}
.footer .footer_bottom .info_text a{
	font-size: 12px;
	color:#757575;
}
.footer .footer_bottom .info_text a:hover{
	color: #FF6700;
}
.footer .footer_bottom .info_text .sep{
	color: #b0b0b0;
}
.footer .footer_bottom .info_text .copyright{
	color: #b0b0b0;
}
.footer .footer_bottom .pic img{
	width: 85px;
	height: 28px;
	padding-top: 30px;
}
.footer .footer_bottom .slogan_ir{
	margin: 20px auto 0;
	width: 267px;
	height: 19px;
	font-size: 18px;
	color: #b0b0b0;
}
.footer .footer_bottom .author{
	margin: 30px auto 0;
	width: 267px;
	height: 19px;
	font-size: 10px;
	color: #b0b0b0;
}
.footer .footer_bottom .author a{
	color: #b0b0b0;
}
.footer .footer_bottom .author a:hover{
	color: #FF6700;
}